<template>
  <div>
    <p class="title">
      双向数据绑定的方式
      <span>:msg.sync="msg"</span>
      实则是:msg="message" @update:msg="message = $event"的语法糖
      父子组件的双向数据绑定
    </p>
    <com-b :msg.sync="msg"></com-b>
  </div>
</template>

<script>
import comB from '@/views/demo/vmodel/comB';
export default {
  name: 'sync-demo',
  components: {
    comB
  },
  data() {
    return {
      msg: ''
    };
  }
};
</script>

<style scoped>
.title {
  background-color: #50bf7b;
  padding: 10px;
}
</style>
